<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文档的事件操作方法</title>
</head>

<body>
    <div id="one">
        <p>这是第一个p</p>
    </div>

</body>
<script type="text/javascript">
    var div = document.getElementById("one");
    document.addEventListener("click", clickdiv);//创建事件 
    function clickdiv() {
        alert("点击了div");
    }

    // 创建事件
    var event = document.createEvent('Event');

    // 定义事件名为'build'.
    event.initEvent('build', true, true);

    // 监听事件
    document.addEventListener('build', function (e) {
        alert("build");
    }, false);
    div.addEventListener("click",clicktwo);
    function clicktwo(){
        alert("不会被触发的时间");
    }
    div.removeEventListener("click",clicktwo);//  移除时间，参数必须一模一样


    // 触发对象可以是任何元素或其他事件目标
    document.dispatchEvent(event);

</script>

</html>